<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.1/css/sm.min.css">
    <link type="text/css" rel="stylesheet" href="css/reset.css">
    <link type="text/css" rel="stylesheet" href="css/base.css">
    <script type='text/javascript' src="js/jquery-1.11.3.min.js"></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.1/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src="js/base.js"></script>
    <title>首页</title>
</head>
<body>
<div class="content" id="page_order">
    <div class="main_photo">
        <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_300x300q60.jpg">
    </div>
    <div class="seat">
        <div class="heading">选择位置</div>
        <div class="mark">第一排</div>
        <ul class="left">
            <li><img src="images/3.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/5.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
            <li><img src="images/4.png" style="width: 100%"></li>
        </ul>
    </div>
    <div class="introduce">
        <ul class="left">
            <li><img src="images/4.png" style="width: 20%"> 可 选</li>
            <li><img src="images/3.png" style="width: 20%"> 已 选</li>
            <li><img src="images/5.png" style="width: 20%"> 已 售</li>
        </ul>
    </div>
    <div class="check">
        <button>预约</button>
    </div>

</div>
</body>
</html>